<script setup lang="ts">
import { useRouter } from "vue-router";
import { reactive, watch, h, ref } from "vue";
import { useMainStore } from "@/stores";
import { storeToRefs } from "pinia";
import zhCN from "ant-design-vue/es/locale/zh_CN";
import dayjs from "dayjs";
import "dayjs/locale/zh-cn";
import Layout from "@/layout/index.vue";
import LoginPage from "@/components/login-page.vue";
dayjs.locale("en");

const router = useRouter();
const stores = useMainStore();
const { nav_cfg, isLogin } = storeToRefs(stores);

</script>

<template>
  <a-config-provider :locale="zhCN">
    <Layout v-if="isLogin"></Layout>
    <LoginPage v-else></LoginPage>
  </a-config-provider>
</template>

<style lang="postcss">
.underline-input {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding-left: 0;
}

.underline-input:hover {
  border-bottom-color: #1890ff !important;
}

.ant-layout {
  height: 100%;
}

#app {
  font-size: 14px;
}
</style>
